@import "./variables.module.scss";

/**

在SCSS中，:root可以用来定义全局变量，这些变量可以在整个文档中任何地方使用。通过定义全局变量，可以简化样式的维护和管理，特别是在需要修改某个值时，只需在一个地方更新即可‌
:root {
  --main-bg-color: coral;
  --text-color: #333;
}

body {
  background-color: var(--main-bg-color);
  color: var(--text-color);
}
h1 {
  color: var(--text-color);
}

**/

//把以下全局属性暴露给所有页面使用
:root {
  --sidebar-width-210: #{$sideBarWidth};
  --navbar-height-50: #{$navBarHeight};
  --tagsview-height-40: #{$tagsViewHeight};
}

a {
  text-decoration: none;
}
